//聚美logo和购物车开始
#logo-car{
    height: 92px;
    width: 100%;
    background: #FFFFFF;
    .logo-car-box{
        height: 92px;
        width: 1090px;
        margin: 0 auto;
        .home-logo{
            height: 88px;
            width: 250px;
            float: left;
            background: url(../images/home_logo.png)no-repeat;
        }
        .car{
            height: 32px;
            width: 166px;
            float: right;
            margin-top: 30px;
            line-height: 32px;
            font-size: 13px;
            text-indent: 45px;
            color: #565656;
            background: url(../images/car.png)no-repeat;
        }
        .car:hover{
            background: url(../images/car.png) no-repeat 0px -32px;
        }
    }
}
//聚美logo和购物车结束
//商品简介
#about-good{
    width: 960px;
    margin: 20px auto;
    border: 1px solid #EEEEEE;
    background-color:#FFFFFF ;
    box-shadow: 0px 0px 3px 0px #EEE;
    .top{
        height: 490px;
        width: 960px;
        .top-left{
            height: 490px;
            width: 410px;
            float: left;
            position: relative;
            .good-img-box{
                height: 350px;
                width: 350px;
                position: relative;
                margin-left: 10px;
                margin-top: 5px;
                border: 1px solid #F1F1F1;
                #box{
                    height: 175px;
                    width: 175px;
                    background-color: #E7306B;
                    opacity: 0.3;
                    filter:alpha(opacity=50);
                    position: absolute;
                    z-index: 10;
                    top: 0px;
                    left: 0px;
                    display: none;
                }
                #gai{
                    height: 350px;
                    width: 350px;
                    background-color: red;
                    opacity: 0;
                    filter:alpha(opacity=0);
                    position: absolute;
                    z-index: 11;
                    top: 0;
                    left: 0;
                }
                .good-img{
                    height: 350px;
                    width: 350px;
                    display: block;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    display: none;
                    cursor: pointer;
                }
            }
            .spic-box{
                height: 74px;
                overflow: hidden;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 15px;
                .spic:first-child{
                    border: 2px solid #EB155B;
                }
                .spic{
                    float: left;
                    margin-right: 10px;
                    height: 70px;
                    width: 70px;
                    cursor: pointer;
                    border: 2px solid transparent;
                    img{
                        height: 70px;
                        width: 70px;
                        display: block;
                    }
                }
                .spic:hover{
                    border: 2px solid #EB155B;
                }
            }
            .big-img-box{
                height: 400px;
                width: 400px;
                position: absolute;
                border: 1px solid #F1F1F1;
                overflow: hidden;
                top: 0px;
                right: -360px;
                display: none;
                .big-img{
                    height: 800px;
                    width: 800px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    display: none;
                }
            }
            .share{
//              margin-top: 70px;
                padding-left: 15px;
                color: #999999;
                font-family: "Microsoft YaHei",arial,tahoma,宋体,sans-serif;
                span{
                    height: 16px;
                    width: 16px;
                    float: left;
                    margin-right: 10px;
                }
                .share-logo1{
                    background: url(../images/jiathis_ico.png) no-repeat 0px -96px;
                }
                .share-logo2{
                    background: url(../images/jiathis_ico.png) no-repeat 0px -64px;
                }
                .share-logo3{
                    background: url(../images/jiathis_ico.png) no-repeat 0px -143px;
                }
                .share-logo4{
                    background: url(../images/jiathis_ico.png) no-repeat 0px -160px;
                }
                .share-logo5{
                    background: url(../images/jiathis_ico.png) no-repeat 0px -176px;
                }
                .share-logo6{
                    background: url(../images/jiathis_ico.png) no-repeat 0px -1408px;
                }
            }
        }
        .top-right{
            p{
                font-family: arial,Tahoma,Geneva,"微软雅黑","Microsoft Yahei",sans-serif;
                }
            height: 490px;
            float: left;
            .right-first{
                height: 95px;
                width: 550px;
                .first-title{
                    font-size: 14px;
                    color: #6D6465;
                    padding-top: 35px;
                }
                .first-title-s{
                    font-size: 13px;
                    color: #9D9C9A;
                    margin-top: 7px;
                }
                .brand{
                    height: 65px;
                    width: 210px;
                    padding-top: 30px;
                    float: right;
                    margin-top: -76px;
                    img{
                        height: 40px;
                        width: 60px;
                        border: 1px solid #EEE;
                        float: left;
                        margin-right: 10px;
                    }
                    .brand-title{
                        font-size: 16px;
                        color: #666666;
                    }
                    .brand-title-s{
                        font-size: 14px;
                        color: #8D8D8D;
                    }
                }
            }
            .right-second{
                width: 530px;
                height: 115px;
                border-bottom: 1px dotted #DCDCDC;
                font-size: 16px;
                line-height: 166%;
                color: #333333;
                font-family: "microsoft yahei";
                span{
                    color: #EC2B8C;
                    font-family: arial;
                }
            }
            .right-third{
//              height: 162px;
                width: 530px;
                overflow: hidden;
                border-bottom: 1px dotted #DCDCDC;  
                .money{
                    height: 67px;                    
                    span{
                        line-height: 67px;
                    }
                    .logo{
                        font-size: 18px;
                        color: #EC2B8C;
                        margin-right: 3px;
                        font-weight: 100;
                    }
                    .now_money{
                        font-size: 28px;
                        color: #EC2B8C;
                        font-weight: 700;
                        font-family: arial;
                    }
                    .old-money{
                        font-size: 14px;
                        color: #242424;
                        text-decoration: line-through;
                    }
                    .more{
                        color: #999999;
                        float: right;
                        cursor: pointer;
                        line-height: 14px;
                        margin-top: 23px;
                    }
                }
                .title{
                    height: 52px;
                    width: 520px;
                    border: 1px solid #EEEEEE;
                    background-color: #FBFBFB;
                    .super{
                        padding:3px 6px;
                        margin: 0 10px;
                        margin-top: 8px;
                        width: 25px;
                        color: #FFFFFF;
                        float: left;
                        background-color: #A788C4;
                    }
                    .super-title{
                        color: #858585;
                        margin-top: 10px;
                        span{
                            color: #EC2B8C;
                        }
                    }
                    .super-title-s{
                        color: #000000;
                    }
                }
                .size{
                    height: 40px;
                    line-height: 40px;
                    color: #666666;
//                  float: left;
                    span{
                        float: left;
                    }
                    .attr{
                        float: left;
                        margin-left: 20px;
                        li{
                            margin-top: 7px;
                            float: left;
                            line-height: 26px;
                            border: 1px solid transparent;
                            cursor: pointer;
                            margin-right: 15px;
                            a{
                                border: 1px solid #999999;
//                              line-height: 30px;
                                padding: 5px 10px;
                                color: #000000;
                            }
                        }
                        li:hover{
                            border: 1px solid #E00A50;
                            a{
                                border: 1px solid #E00A50;
                            }
                        }
                    }
                }
                .color{
                    height: 40px;
                    line-height: 40px;
                    color: #666666;
                    span{
                        float: left;
                    }
                    .attr{
                        float: left;
                        margin-left: 20px;
                        li{
                            margin-top: 7px;
                            float: left;
                            line-height: 26px;
                            border: 1px solid transparent;
                            cursor: pointer;
                            margin-right: 15px;
                            a{
                                border: 1px solid #999999;
//                              line-height: 30px;
                                padding: 5px 10px;
                                color: #000000;
                            }
                        }
                        li:hover{
                            border: 1px solid #E00A50;
                            a{
                                border: 1px solid #E00A50;
                            }
                        }
                    }
                }
            }
            .right-fourth{
                height: 113px;
                .join-car{
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    color: #FFFFFF;
                    font-size: 16px;
                    font-family: "microsoft yahei";
                    width: 165px;
                    display: block;
                    margin-top: 20px;
                    background: url(../images/detail_btn.png) no-repeat 0px -26px;
                }
                .join-car:hover{
                    background:url(../images/detail_btn.png) no-repeat -185px -26px;;
                }
            }
        }
    }
    .bottom{
        height: 80px;
        width: 900px;
        margin: 0 auto;
        margin-bottom: 20px;
        overflow: hidden;
        ul{
            li:last-child{
                border: none;
            }
            .logo{
                height: 80px;
                width: 200px;
                float: left;
                border-right: 1px solid #EEE;
                margin-left: 20px;
                a{
                    display: block;
                    height: 80px;
                    width: 200px;
                }
                .zheng1{
                    background: url(../images/ss.jpg) no-repeat 0px -217px;
                }
                .zheng2{
                    background: url(../images/ss.jpg) no-repeat 0px 0px;
                }
                .shan1{
                    background: url(../images/ss.jpg) no-repeat -234px -217px;
                }
                .shan2{
                    background: url(../images/ss.jpg) no-repeat -234px 0px;
                }
                .rmb1{
                    background: url(../images/ss.jpg) no-repeat -458px -217px;
                }
                .rmb2{
                    background: url(../images/ss.jpg) no-repeat -458px 0px;
                }
                .seven1{
                    background: url(../images/ss.jpg) no-repeat -712px -217px;
                }
                .seven2{
                    background: url(../images/ss.jpg) no-repeat -712px 0px;
                }
            }
        }
    }
}
//商品简介结束
#good-detail{
    width: 960px;
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 3px 0px #EEE;
    margin: 0 auto;
    margin-bottom: 200px;
    .nav{
        height: 49px;
        width: 960px;
        background-color: #F6F6F6;
        li:hover{
            border-top: 2px solid #E42141;
        }
        li{
            float: left;
            height: 47px;
            line-height: 47px;
            border-top: 2px solid #F6F6F6;
            a{
                padding: 0px 25px;
                height: 47px;
                display: block;
                border-right: 1px solid #E5E5E5;
                font-size: 14px;
                color: #333333;
                font-family: arial,Tahoma,Geneva,"微软雅黑","Microsoft Yahei",sans-serif;
            }
            a:hover{
                background-color: #FFFFFF;
            }
        }
    }
    .good-news{
//      background: red;
        height: 360px;
        padding-top: 33px;
        .logo{
            height: 46px;
            width: 902px;
            background: url(../images/detail_content.jpg) no-repeat -9px -3px;
            margin: 0 auto;
            margin-bottom: 26px;
        }
        .title{
            width: 85px;
            float: left;
            margin-left: 120px;
            li{
                line-height: 25px;
                font-family: arial;
                font-weight: 700;
            }
        }
        .text{
            width: 440px;
            float: left;
            li{
                line-height: 25px;
                font-family: arial;
                color: #666666;
            }
        }
        .news-img{
            height: 200px;
            width: 200px;
            float: left;
        }
    }
    .good-details{
//      background: orange;
        .logo{
            height: 46px;
            width: 902px;
            background: url(../images/detail_content.jpg) no-repeat -9px -114px;
            margin: 0 auto;
            margin-bottom: 26px;
        }
        .details-img{
            width: 720px;
            display: block;
            border: none;
            margin: 0 auto;
        }
    }
    .good-use{
//      background: yellow;
        padding: 50px 0 18px 0;
        .logo{
            height: 46px;
            width: 902px;
            background: url(../images/detail_content.jpg) no-repeat -9px -212px;
            margin: 0 auto;
            margin-bottom: 26px;
        }
        .text{
            width: 720px;
            margin: 0 auto;
            line-height: 18px;
        }
    }
    .good-photo{
//      background: greenyellow;
        padding-top: 50px;
        .logo{
            height: 46px;
            width: 902px;
            background: url(../images/detail_content.jpg) no-repeat -9px -309px;
            margin: 0 auto;
            margin-bottom: 26px;
        }
        .photo-img{
            height: 720px;
            width: 720px;
            display: block;
            border: none;
            margin: 0 auto;
        }
    }
    .good-user{
        padding-top: 50px;
        background: green;
        .logo{
            height: 46px;
            width: 902px;
            background: url(../images/detail_content.jpg) no-repeat -9px -721px;
            margin: 0 auto;
            margin-bottom: 27px;
        }
    }
    .about-jumei{
        padding-top: 50px;
//      background: blue;
        .logo{
            height: 46px;
            width: 902px;
            background: url(../images/detail_content.jpg) no-repeat -9px -567px;
            margin: 0 auto;
            margin-bottom: 21px;
        }
        .about-img{
            width: 910px;
            display: block;
            margin: 0 auto;
        }
    }
    .question{
        padding-top: 50px;
//      background: blueviolet;
        .logo1{
            height: 46px;
            width: 902px;
            background: url(../images/detail_content.jpg) no-repeat -9px -479px;
            margin: 0 auto;
            margin-bottom: 25px;
        }
        .logo2{
            height: 46px;
            width: 902px;
            background: url(../images/detail_content.jpg) no-repeat -9px -395px;
            margin: 0 auto;
            margin-bottom: 43px;
            margin-top: 50px;
        }
        .q-img{
            width: 910px;
            display: block;
            margin: 0 auto;
        }
        .q-a{
            width: 960px;
            display: block;
            margin: 0 auto;
            margin-bottom: 30px;
            display: none;
        }
        .q-btn{
            height: 40px;
            width: 200px;
            border: 1px solid #000000;
            cursor: pointer;
            font-size: 18px;
            text-align: center;
            line-height: 40px;
            margin: 0 auto;
            margin-bottom: 40px;
        }
    }
}
